<template>
  <a-card :bordered="false">
    <a-tabs :activeKey="current" @change="tabChange">
      <a-tab-pane :key="index" :tab="item.text" v-for="(item, index) in tabList"></a-tab-pane>
    </a-tabs>
    <hc-order-list-with-personal v-show="current === 0"></hc-order-list-with-personal>
    <hc-order-list-with-company v-show="current === 1"></hc-order-list-with-company>
  </a-card>
</template>

<script>
import HcOrderListWithCompany from '@/views/hc/modules/HcOrderListWithCompany'
import HcOrderListWithPersonal from '@/views/hc/modules/HcOrderListWithPersonal'
export default {
  components: { HcOrderListWithCompany, HcOrderListWithPersonal },
  data() {
    return {
      tabList: [
        {
          text: '个人订单',
        },
        {
          text: '企业订单'
        }
      ],
      current: 0
    }
  },
  methods: {
    tabChange(e) {
      this.current = e;
    }
  }
}
</script>
<style lang="scss" scoped></style>